<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,initial-scale=1.0,width=device-width"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>Hello APP</title>
    <link rel="stylesheet" type="text/css" href="../css/app.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css">
    <link href="../script/swiper/swiper.min.css" rel="stylesheet" />
    <style type="text/css">
    html,body{
        height: 100%;
    }
   
    </style>
</head>
<body >
	<header class="H-header H-theme-background-color-white" id="header">
        <span id="back_btn" class="H-icon H-position-relative H-display-inline-block H-float-left H-vertical-middle H-theme-font-color-666 H-padding-horizontal-left-8 H-z-index-100">
        	<!--<i class="H-iconfont H-icon-target-back H-font-size-18 H-vertical-middle"></i>-->
        	<i class="H-iconfont icon-xiangzuo1 H-font-size-22 H-vertical-middle"></i>
        </span>
        <div  class=" header-title H-header-title   H-font-size-18 H-text-show-row-1 H-theme-font-color-333 H-position-absolute ">搜索</div>
    	
    	<span class="H-icon H-position-relative H-display-inline-block H-float-right H-vertical-middle H-theme-font-color-666 H-padding-horizontal-right-8 H-z-index-100">
    		<div class=" H-padding-horizontal-right-8 H-theme-background-color-eee H-border-radius-3 H-line-height-normal">
                <input type="text" name="keyword" placeholder="请输入关键字..." id="keyword" class="H-width-100-percent H-box-sizing-border-box H-border-none H-padding-horizontal-both-10 H-font-size-14 H-padding-vertical-both-8 H-theme-background-color-transparent H-theme-font-color3  H-vertical-middle">
            </div>
    		<i onclick="keyword();" class="H-padding-horizontal-left-8 H-iconfont H-icon-search H-font-size-18 H-vertical-middle"></i>
    	</span>
    </header>
    
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/jquery-1.12.0.min.js"></script>
<script type="text/javascript" src="../script/app.js"></script>

<script type="text/javascript">
	
	var sysconfig = "";//获取系统配置参数 , 参数内容在后台接口获取
    apiready = function(){
    	sysconfig = $api.getStorage('sysconfig');
		api.parseTapmode();
		var title = api.pageParam.title;
		if( typeof title != 'undefined'  && title != '' && title != null ){
			$(".H-header-title").html(title);
		}
		var header = $api.byId('header');
        $api.fixStatusBar(header); 
        var headerPos = $api.offset(header);
        var body_h = $api.offset($api.dom('body')).h;
		$app.bounces = false;
		//打开内容页面
		$app.openFrame(api.winName+"_body" , api.winName+"_body" , { 
			x: 0 , y: headerPos.h+1 , w: headerPos.w , h: 'auto'
		});
		parkeyword = api.pageParam.keyword;
		if( typeof parkeyword !='undefined'){
			$("#keyword").val(parkeyword);
		}
		
    };
    
    
    function keyword(){
    	var keywords = $("#keyword").val();
    	api.sendEvent({
	        name:'list_search',
	        extra:{
	        	keyword:keywords
	        }
        });
    }
    

	
</script>
</html>